<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- 框架头 -->
    <script language="JavaScript" src="../FrontFrame/head.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/attendance.css">
    <script language="JavaScript" src="../js/attendance.js"></script>
    <!--<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">-->
    <title>出勤管理系统</title>
</head>
<body style='overflow:scroll;overflow-y:hidden'>
<!-- 搭建显示页面 -->
    <div class="container">
        <ul class="nav nav-tabs">
            <li role="presentation" id="teachAttLi" class="active"><a href="#teachAttDiv">教师出勤统计</a></li>
            <li role="presentation" id="studentAtLi"><a href="#studentAttDiv">学生出勤统计</a></li>
            <li role="presentation" id="classAttLi"><a href="#classAttDiv">学生课时考勤统计</a></li>
        </ul>
        <div id="teachAttDiv">
            <div class="row">
                <!-- 按钮搜索单个教师的出勤情况-->
                <div class="col-md-4">
                    <div class="input-group">
                        <input id="teaName" type="text" class="form-control" placeholder="请输入教师工号或姓名">
                        <span class="input-group-btn">
                            <button id="selTeaBtn" type="button" class="btn btn-info">搜索</button>
                    </span>
                    </div>
                </div>
            </div>
            <div><hr color="black" style="height: 1px"></div>
            <!-- 显示表格数据 -->
            <div class="row">
                <div  id="teaAttAllDiv" class="col-md-12" style="text-align: center" >
                    <table class="table table-hover" id="teaAttendance_table">
                        <thead align="center">
                        <tr align="center">
                            <td align="center">工号</td>
                            <td align="center">姓名</td>
                            <td align="center">出勤天数</td>
                            <td align="center">迟到天数</td>
                            <td align="center">未到天数</td>
                            <td align="center">备注</td>
                        </tr>
                        </thead>
                        <tbody align="center">

                        </tbody>
                    </table>
                    </center>
                </div>
                <div id="teaAttDiv" class="col-md-12" style="text-align: center" >
                    <table class="table table-hover" id="teaAtt_table">
                        <thead align="center">
                        <tr align="center">
                            <td align="center">工号</td>
                            <td align="center">姓名</td>
                            <td align="center">出勤天数</td>
                            <td align="center">迟到天数</td>
                            <td align="center">未到天数</td>
                            <td align="center">备注</td>
                        </tr>
                        </thead>
                        <tbody align="center">
                        </tbody>
                    </table>
                    </center>
                </div>
            </div>
            <!-- 显示分页信息 -->
            <div class="row">
                <!--分页文字信息  -->
                <div class="col-md-6" id="teaAttendancePage_info_area"></div>
                <!-- 分页条信息 -->
                <div class="col-md-6" id="teaAttendancePage_nav_area">
                </div>
            </div>
        </div>
        <div id="studentAttDiv">

            <div class="row">
                <!-- 按钮搜索单个学生的出勤情况-->
                <div class="col-md-4">
                    <div class="input-group">
                        <input id="stuName" type="text" class="form-control" placeholder="请输入学生学号或姓名">
                        <span class="input-group-btn">
                            <button id="selStuBtn" type="button" class="btn btn-info">搜索</button>
                    </span>
                    </div>
                </div>
                <!-- 按钮学科查询的出勤情况-->
                <div class="col-md-2 col-md-offset-1">
                    <label>学科：</label>
                    <select id="les" style="width: 90px">
                    </select>
                </div>
                <!-- 按钮年级班级查询的出勤情况-->
                <div class="col-md-4 col-md-offset-1">
                    <label>年级：</label>
                    <select id="sGrade" style="width: 90px">
                    </select>
                    <label>班级：</label>
                    <select id="sClasss" style="width: 90px">
                    </select>
                </div>
            </div>
            <div><hr color="black" style="height: 1px"></div>
            <!-- 显示表格数据 -->
            <div class="row">
                <div id="stuAttAllDiv" class="col-md-12">
                    <table  class="table table-hover" id="stuAttendance_table">
                        <thead align="center">
                        <tr align="center">
                            <td align="center">学号</td>
                            <td align="center">姓名</td>
                            <td align="center">出勤天数</td>
                            <td align="center">请假天数</td>
                            <td align="center">旷课天数</td>
                            <td align="center">备注</td>
                        </tr>
                        </thead>
                        <tbody align="center">
                        </tbody>
                    </table>
                </div>
                <div id="stuAttDiv" class="col-md-12" style="text-align: center" >
                    <table class="table table-hover" id="stuAtt_table">
                        <thead align="center">
                        <tr align="center">
                            <td align="center">学号</td>
                            <td align="center">姓名</td>
                            <td align="center">出勤天数</td>
                            <td align="center">迟到天数</td>
                            <td align="center">未到天数</td>
                            <td align="center">备注</td>
                        </tr>
                        </thead>
                        <tbody align="center">
                        </tbody>
                    </table>
                    </center>
                </div>
            </div>
            <!-- 显示分页信息 -->
            <div class="row">
                <!--分页文字信息  -->
                <div class="col-md-6" id="stuAttendancePage_info_area"></div>
                <!-- 分页条信息 -->
                <div class="col-md-6" id="stuAttendancePage_nav_area">

                </div>
            </div>
        </div>
        <div id="classAttDiv">
            <div class="row">
                <!-- 按钮按学科查询的出勤情况-->
                <div class="col-md-3 col-md-offset-1">
                    <label>学科：</label>
                    <select id="lessons" style="width: 90px">
                    </select>
                </div>
                <!-- 按钮年级班级查询的出勤情况-->
                <div class="col-md-5 col-md-offset-2">
                    <label>年级：</label>
                    <select id="cGrade" style="width: 90px">
                    </select>
                    <label>班级：</label>
                    <select id="cClasss" style="width: 90px">
                    </select>
                </div>
            </div>
            <div><hr color="black" style="height: 1px"></div>
            <!-- 显示表格数据 -->
            <div class="row">
                <div class="col-md-12">
                    <table class="table table-hover" id="classAttendance_table">
                        <thead align="center">
                        <tr align="center">
                            <td align="center">学号</td>
                            <td align="center">姓名</td>
                            <td align="center">出勤天数</td>
                            <td align="center">迟到天数</td>
                            <td align="center">未到天数</td>
                            <td align="center">备注</td>
                        </tr>
                        </thead>
                        <tbody align="center">

                        </tbody>
                    </table>
                </div>
            </div>
            <!-- 显示分页信息 -->
            <div class="row">
                <!--分页文字信息  -->
                <div class="col-md-6" id="classAttendancePage_info_area"></div>
                <!-- 分页条信息 -->
                <div class="col-md-6" id="classAttendancePage_nav_area">
                </div>
            </div>
        </div>
    </div>



</body>
</html>